<template>
  <div style="width: 70%;">
    <div class="bgImg">
      <div class="titleWrapper">
        <!--<div class="tabs">首页</div>-->
        <div class="rightConten">
          <div><img src="../../src/assets/icons/system.png"></div>
          <!--<template v-slot:rightContentRender>-->
          <!--<right-content :top-menu="settings.layout === 'topmenu'" :is-mobile="isMobile" :theme="settings.theme" />-->
          <!--</template>-->
        </div>
      </div>
      <!--<change-content/>-->
    </div>
  </div>
</template>

<script>
  import { mapState } from 'vuex'

  export default {
    name: 'RightContentView',
    components: {
    },

    data() {
      return {
      }
    },
    created () {

    },
    methods: {

    }
  }
</script>
<style lang="less">
  @import "./BasicLayout.less";
  .titleWrapper{
    position: fixed;
    height: 75px;
    background: black;
    width: 100%;
    top: 0;
    left: 280px;
    z-index: 9999999;
    opacity: .5;
  }
  .rightConten{
    float: right;
    line-height: 66px;
    margin-right: 115px;
  }
  .openMenus{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 15px;
    margin-top: 30px;
  }
  .bgImg{
    background: url("../../src/assets/rbg.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
  }

  /deep/ .ant-btn{
    border-radius: 5px;
  }
  /deep/ .ant-calendar-picker-input.ant-input{
    width: 200px;
  }
  /deep/ .ant-input{
    width: 70%;
    border-radius: 5px;
  }
  /deep/ .ant-calendar-picker{
    width: 200px;
    border-radius: 5px;
  }
  /deep/ .ant-card.ant-card-bordered{
    border-radius: 5px;
  }
  .ant-avatar-lg {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }

  .tabs{
    float: left;
    color: #387FC6 ;
    background: rgb(255, 255, 255);
    letter-spacing: 3px;
    height: 35px;
    margin-top: 12px;
    margin-left: 15px;
    padding: 8px 25px;
    border-top-left-radius:3px;
    border-top-right-radius: 3px;
  }




  .ant-pro-multi-tab .ant-pro-multi-tab-wrapper  /deep/  .ant-tabs{
    overflow: auto;

  }
  .ant-pro-multi-tab /deep/ .ant-pro-multi-tab-wrapper{
    position: fixed;
    left:210px;
    width: 100%;
    height: 40px;
    top: 35px;
    z-index: 9;
  }
  /*.ant-pro-grid-content /deep/ .ant-page-header.has-breadcrumb{*/
    /*padding-top: 30px;*/
  /*}*/
  .ant-tabs.ant-tabs-card .ant-tabs-card-bar /deep/ .ant-tabs-tab{
    margin-right: 10px;
  }

</style>
